<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" :isBack="true">
			<block slot="backText">返回</block>
		</cu-custom>
		<view class="page_reg">
			<input class="phone" type="text" placeholder="手机号" value="" />
			<button class="submit" type="primary" @tap="nextPage">下一步</button>
			<text class="tip">我们将向您的手机发送验证短信</text>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			nextPage() {
				uni.navigateTo({
					url: '/pages/login/reg-pwd'
				})
			}
		},
	}
</script>

<style>
	page {
		height: auto;
		min-height: 100%;
		background-color: #f5f6f8;
		
	}
</style>
<style lang="scss" scoped>
	$form-border-color: rgba(214, 214, 214, 1);
	$text-color: #B6B6B6;

	.page_reg {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center; 
	}

	.phone {
		width: 70%;
		margin-top: 10px;
		min-height: 65px;
		display: flex;
		flex-direction: row;
		align-items: center;
		border-bottom: 1px solid $form-border-color;
	}

	.submit {
		width: 70%;
		margin-top: 30px;
		color: white;
		background-color: rgba(252, 44, 93, 1.0);
		-webkit-tap-highlight-color: rgba(252, 44, 93, 1.0);

		&:active {
			color: #B6B6B6;
			background-color: rgba(252, 44, 93, 0.8);
		}
	}

	.tip {
		margin-top: 30px;
		font-size: 13px;
		color: $text-color;
	}
</style>
